<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<style>
	.dafenNum{
		display: none;
	}
.showMyScore{
	display: block;
}
.userList .showMyInput{
	display: none;
}
.userList .clickDfen{
	display: none;
}
#showExamType{
	background: none;
}
@media (min-width: 768px){
		.pop-dafen {
			width: 38% !important;
		}
	}
	.pop-dafen{
		border-radius: 4px;
	}
	.form-title{
		border-bottom: 1px solid #DFEAF1;
	}
	.listBox li {
		cursor: pointer;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		float: left;
		padding: 0 !important;
		box-sizing: border-box;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
	}
	.gray-bg .exam-name{
		background-color: #E2F4FF !important;
		margin-bottom: 0;
		padding: 6px 24px !important;
		font-size: 18px;
		color: #040404;
		font-weight: bold;
		margin-bottom: 16px;
		box-shadow: 0px 3px 6px 1px rgba(181,197,223,0.1);
	}
	.gray-bg .fixedList{
		overflow: auto;
		padding: 17px 0px 37px 0px;
		border-right: 4px;
		box-shadow: 0px 3px 6px 1px rgba(181,197,223,0.1);
		margin-bottom: 20px;
	}
	.gray-bg .fixedList p{
		padding-bottom: 17px;
		border-bottom: 1px dashed #AEB4C5;
		position: relative;
		padding-left: 24px;
	}
	.gray-bg .fixedList p:after{
		content: '';
		position: absolute;
		width: 4px;
		height: 16px;
		background: #5AAEDF;
		left: 0;
		top: 0;
	}
	.gray-bg .listBox {
		margin-top: 17px;
		padding: 0 24px;
	}
	.gray-bg  .listBox li {
		border-radius: 4px;
		border: 1px solid #AEB4C5;
		font-size: 13px;
	}
	.gray-bg .listBox  .selected {
		background: #5AAEDF;
		border: 1px solid #5AAEDF;
	}
	.gray-bg .listBox li:hover {
		background: #5AAEDF;
	}
	.gray-bg .listBox .selected a:focus{
		color: #fff;
	}
	.gray-bg .userList{
		border-radius: 4px;
	}
	.gray-bg .form-group button{
		width: 120px;
	}
	.gray-bg .form-control{
		border: 1px solid #A4BAC8;
	}
	#allQuestion .userList{
		border-bottom: 1px dashed #AEB4C5;
	}
	#allQuestion .userList:last-of-type{
		border-bottom: 0;
	}
	.gray-bg .rubr{
		border-radius: 4px;
	}
	.gray-bg  .textareaAnswer{
		height: 140px !important;
		width: 70%;
		overflow: auto;
	}
	.gray-bg  .inputType{
		width: 70%;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
		/* margin: 0 auto; */
		text-align: center;
		width: 100%;
		padding: 0 24px;
	}
</style>
<link rel="stylesheet" href="../../css/examination.css">

<head th:include="include :: header"></head>

<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="fixed-table-toolbar" style="padding-right: 15px;">
		<div class="columns pull-right">
			<button class="btn btn-success" onclick="reload()" style="margin-bottom: 15px">查询</button>
		</div>
		<div class="columns pull-right" style="margin-right: 10px">
			<select name="id" class="form-control" id="id"></select>
		</div>
	</div>

	<div class="col-sm-12"  id="showExamType" style="display: none">
		<div class="ibox">
			<div class="ibox-body">
				<div class="fixed-table-toolbar">

					<div class="shade shadeHide"></div>
					<div class="fixedner col-sm-3 pop-dafen">
						<form class="form-horizontal" id="signFormObj">
							<p class="form-title"><span>修改分数</span><img src="../../../img/close.png" width="20" id="close" alt=""></p>
							<div class="form-group">
								<label class="col-sm-3 control-label">账号：</label>
								<div class="col-sm-8">
									<input id="username" name="username" placeholder="请输入您的账户" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">密码：</label>
								<div class="col-sm-8">
									<input id="password" name="password" placeholder="请输入您的密码" class="form-control" type="password">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="button" id="loginInfo" class="btn btn-primary btn-block">提交</button>
								</div>
							</div>

						</form>
					</div>

					<!--<div th:text="${examinationAnswerSheet}"></div>-->

					<div class="rival col-sm-12 exam-name" id="examName" style="font-weight: bold;font-size: 16px"></div>

					<div style="width: 70%;float: left;margin-right: 2%;" id="allQuestion">


<!--						<div class="userList">-->
<!--							<p class="titleA"></p>-->
<!--							<p class="caption"></p>-->

<!--							<div class="answer">-->
<!--								<div class="form-control rubr"></div>-->
<!--								<input type="text" class="form-control mark" id="grade1" placeholder="请输入您的分数,0-100之间" oninput="if(value>100)value=100">-->
<!--								<div class="reveal reveal1">您的打分：<span id="score1"></span> <span class="dayFont"><img src="../../../img/updata.png" class="loginData" data-leve="oneLevelUpdateCom" data-reve="reveal1" data-drag="grade1" width="20">修改分数</span></div>-->
<!--							</div>-->

<!--							<div class="form-group">-->
<!--								<div class="col-sm-4 col-sm-offset-4">-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/fractionA','grade1','fractionA')" class="btn btn-primary btn-block" id="fractionA">提交</button>-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/oneLevelUpdateCom','grade1','fractionA')" class="btn btn-primary btn-block" id="oneLevelUpdateCom">提交</button>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->

<!--						<div class="userList" id="userList1" shiro:hasPermission="jzweb:examinationAnswerSheetCom:fractionB">-->
<!--							<p class="titleA"></p>-->
<!--							<p class="caption"></p>-->

<!--							<div class="answer">-->
<!--								<div class="form-control rubr"></div>-->
<!--								<input type="text" class="form-control mark" id="grade2" placeholder="请输入您的分数,0-100之间" oninput="if(value>100)value=100" maxlength="3">-->
<!--								<div class="reveal reveal2">您的打分：<span id="score2"></span> <span class="dayFont"><img src="../../../img/updata.png" class="loginData" data-leve="oneLevelUpdateCom1" data-reve="reveal2" data-drag="grade2" width="20">修改分数</span></div>-->
<!--							</div>-->

<!--							<div class="form-group">-->
<!--								<div class="col-sm-4 col-sm-offset-4">-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/fractionB','grade2','fractionB')" class="btn btn-primary btn-block" id="fractionB">提交</button>-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/oneLevelUpdateCom','grade2','fractionB')" class="btn btn-primary btn-block" id="oneLevelUpdateCom1">提交</button>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->

<!--						<div class="userList" id="userList2" shiro:hasPermission="jzweb:examinationAnswerSheetCom:fractionC">-->
<!--							<p class="titleA"></p>-->
<!--							<p class="caption"></p>-->
<!--							<div class="answer">-->
<!--								<div class="form-control rubr"></div>-->
<!--								<input type="text" class="form-control mark" id="grade3" placeholder="请输入您的分数,0-100之间" oninput="if(value>100)value=100" maxlength="3">-->
<!--								<div class="reveal reveal3">您的打分：<span id="score3"></span> <span class="dayFont"><img src="../../../img/updata.png" class="loginData" data-leve="oneLevelUpdateCom2" data-reve="reveal3" data-drag="grade3" width="20">修改分数</span></div>-->
<!--							</div>-->

<!--							<div class="form-group">-->
<!--								<div class="col-sm-4 col-sm-offset-4">-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/fractionC','grade3','fractionC')" class="btn btn-primary btn-block" id="fractionC">提交</button>-->
<!--									<button type="button" onclick="update('/jzweb/examinationAnswerSheetCom/oneLevelUpdateCom','grade3','fractionC')" class="btn btn-primary btn-block" id="oneLevelUpdateCom2">提交</button>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->


					</div>

					<div class="fixedList">
						<p>考生列表</p>
						<ul class="listBox" id="listBox">
<!--							<li th:each="list,userStat:${examinationAnswerSheet}" th:class="${userStat.index == 0}?'selected':''">-->
<!--								<a href="#"  th:text="${list.num2}"></a>-->
<!--								<input type="hidden" th:value="${list.answerList}" class="answerList">-->
<!--								<input type="hidden" th:value="${list.court}" class="court">-->
<!--								<input type="hidden" th:value="${list.id}" class="id">-->
<!--								<input type="hidden" th:value="${list.examBatchId}" class="examBatchId">-->
<!--								<input type="hidden" th:value="${list.content}" class="content">-->

<!--								<input type="hidden" th:value="${list.fractionA}" class="fractionA">-->
<!--								<input type="hidden" th:value="${list.fractionB}" class="fractionB">-->
<!--								<input type="hidden" th:value="${list.fractionC}" class="fractionC">-->

<!--								<input type="hidden" th:value="${list.score1}" class="score1">-->
<!--								<input type="hidden" th:value="${list.score2}" class="score2">-->
<!--								<input type="hidden" th:value="${list.score3}" class="score3">-->
								<!--								<div th:text = '${examinationAnswerSheet}'></div>-->
<!--							</li>-->
						</ul>

						<div class="pagination paging-toolbar">
							<ul id="grid_paging_part"></ul>
						</div>

					</div>

				</div>
			</div>
		</div>
	</div>
	<div id="noDat" style="text-align: center;font-size: 18px;display: none">暂无数据~</div>

</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
	<script type="text/javascript">
		var s_edit_h = 'hidden';
		var s_remove_h = 'hidden';
		var s_resetPwd_h = 'hidden';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:edit">
	<script type="text/javascript">
		s_edit_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:remove">
	<script type="text/javascript">
		var s_remove_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:resetPwd">
	<script type="text/javascript">
		var s_resetPwd_h = '';
	</script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/examinationAnswerSheetCom/examinationAnswerSheetCom.js"></script>
</body>
</html>